<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>less变量</title>
    <link rel="stylesheet" href="./less-3.变量.css" >
</head>
<body>
<div id="box"></div>
<pre>
  本节课主讲：1.把less变量当成css属性值用 如:width: @len;
             2.less变量做为属性名的时候   @{变量名} 如: @{bg}: @basecolor;
             3.less做为选择器  @{变量}    .active class=active
             4.//less做为选择器  @{变量}   #active id=active #@{activeclass} { width: 100px;height: 100px;}
             5.less变量的作用域 使用变量是先在本作用域里找，如果找到就用 如果没找到 就到上一级作用域里找
             6.哪些东西需要变量  网站配色的颜色;常见的字体大小;媒体查询的值
</pre>
</body>
</html>